page {
    background-color: #fff;
}


.bar {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    background-color: #f3f3f3;

    .dropdown_menu_c {
        flex: 1;
        padding-left: 14rpx;

        --dropdown-menu-height: 88rpx;
        --dropdown-menu-background-color: #f3f3f3;

        .van-dropdown-menu {
            box-shadow: none !important;
        }

        .van-dropdown-menu__item {
            justify-content: flex-start !important;
        }

        .van-dropdown-menu__title {
            color: var(--themColor);
            font-size: 28rpx;
        }
    }

    .up_and_down {
        margin: 0 56rpx 0 138rpx;
    }

    .cate_choose_c {
        padding: 0 28rpx 20rpx;

        .list {
            display: flex;
            align-items: center;
            padding: 20rpx 0;
            border-bottom: 2rpx solid #f7f7f7;

            .title {
                margin-right: 20rpx;
            }

            .active {
                color: var(--themColor);
            }
        }
    }

}

.fixed_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 40vw;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: #f3f3f3;
    height: 88rpx;
    z-index: 10;

    .cover {
        display: flex;
        align-items: baseline;
        max-width: 100%;
        padding: 10rpx 20rpx;
        background-color: #fff;
        border-radius: 6rpx;
    }

    .name {
        margin-right: 10rpx;
        color: var(--themColor);
        font-size: 28rpx;
    }
}


.row {
    display: flex;
    align-items: center;
    padding: 30rpx 0;

    &+.row {
        border-top: 2rpx solid #f5f5f5;
    }

    .name {
        flex: 1;
        font-size: 30rpx;
    }

    .first {
        font-size: 32rpx;
        font-weight: bold;
        color: rgb(255, 83, 30);
    }

    .average_price {
        display: flex;
        justify-content: center;
        align-items: center;

        .num {
            margin-right: 10rpx;
            font-size: 30rpx;
        }

        .up_and_down_value {
            margin-right: 10rpx;
            font-size: 26rpx;
        }

        .up_icon {
            margin-bottom: 2rpx;
            width: 16rpx;
            height: 22rpx;
        }

        .down_icon {
            width: 16rpx;
            height: 22rpx;
        }
    }

    .up_and_down_ratio {
        flex-shrink: 0;
        margin-left: 76rpx;
        text-align: center;
        width: 114rpx;
        padding: 12rpx 0;
        border-radius: 8rpx;
        color: #fff;
        font-size: 26rpx;
    }
}